<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="node_modules/lib-flexible/flexible.js"></script>
    <link rel="stylesheet" href="index.css">
    <link href="https://cdn.bootcss.com/animate.css/3.7.0/animate.css" rel="stylesheet">
    <script src="./index.js"></script>
</head>
<body>
<div class="container">
  <div class="container--item__heard">
        <img src="./img/et-wrong.png" alt="#" class="container--img__wrong">
        登录
        <img src="./img/ellipsis.png" alt="#" class="container--img__ellipsis">
    </div>
  <div class="container--item__immediately">立即登录</div>
  <div class="container--item__mask">
      <div class="container--mask__cont animated">
          <div class="container--mask__box">
              <img src="./img/cross.png" alt="#" class="container--mask__img">
              <span class="container--mask__string"></span>
          </div>
        <span class="container--mask__hint">验证码登录</span>
        <input type="text" placeholder="输入手机号码" class="container--mask__tell">
        <input type="text" placeholder="输入6位验证码" class="container--mask__code">
        <div class="container--mask__getCode">获取验证码</div>
        <div class="container--mask__register">登录</div>
      </div>
  </div>
  <div class="container--item__bottom">
    <img src="./img/left.png" alt="#" class="container--img__left">
    <img src="./img/right.png" alt="#" class="container--img__right">
  </div>
</div>
<!--翻译部分-->
<div class="container--translate">
    <input class="container--translate__content">
    <button id = 'container--translate__btn'>查询</button>
    <p class="container--translate__show"></p>
</div>
</body>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
</html>
